
var canvas = new fabric.Canvas('main');

var imgElement = document.getElementById('bgimg');

// 图片 已经在html中的图片
// var imgInstance = new fabric.Image(imgElement,{
//     left:100,
//     top:100,
//     width:300,
//     height:500,
//     angle: 10
// })
// canvas.add(imgInstance);

// 图片  未在HTML中呈现，
fabric.Image.fromURL(
    './img.jpg', // 图片路径
    img => {
        img.scale(0.1)
        img.top = 50
        img.left = 50
        canvas.add(img) // 将图片插入到画布中
    }
)





// 背景图
// canvas.setBackgroundImage(
//     './img.jpg',
//     canvas.renderAll.bind(canvas),
//     {
//         angle: 10, // 旋转背景图
//         width: 500,
//         height: 300
//     }
// )